$(document).ready(function() {
	$(window).resize(function() {
		chart.resize();
	});

});
/************************************************************************************************************************/
//双折线的不同背景图
function chart_zx_and_zx_0(yarr_arr) {
	//取得X轴的数组
	var xAxis_data = [];
	var series_data1 = [];
	var series_data2 = [];
	
	//判断是否 带%
	var line_1_indexof="";
	if(yarr_arr.line[0].indexOf("率")>-1){
		line_1_indexof="%";
	}
	var line_2_indexof="";
	if(yarr_arr.line[1].indexOf("率")>-1){
		line_2_indexof="%";
	}	

	var series_data1_max = 0; //为了5格线也是拼了
	var series_data2_max = 0; //为了5格线也是拼了	
	//
	mui.each(yarr_arr.data, function(index, item) {
		if(yarr_arr.data.length > 7) {
			if((index == 0) || (index == 4) || (index == 8) || (index == 12) || (index == 16) || (index == 20) || (index == 24)) {
				xAxis_data[index] = yarr_arr.data[index].name;
			} else {
				xAxis_data[index] = '';
			}
		} else {
			xAxis_data[index] = yarr_arr.data[index].name;
		}

		series_data1[index] = yarr_arr.data[index].data[0];
		series_data2[index] = yarr_arr.data[index].data[1];

		(parseInt(series_data1[index]) > series_data1_max) ? series_data1_max = parseInt(series_data1[index]): series_data1_max = series_data1_max;
		(parseInt(series_data2[index]) > series_data2_max) ? series_data2_max = parseInt(series_data2[index]): series_data2_max = series_data2_max;
	});

	//避免数据为0的情况
	//(series_data1_max == 0) ? series_data1_max = 10: series_data1_max = series_data1_max;
	//(series_data2_max == 0) ? series_data2_max = 10: series_data2_max = series_data2_max;

	//判断最大值
	////console.log(series_data1_max);
	series_data1_max = retMax(series_data1_max);
	////console.log(series_data1_max);
	////console.log(series_data2_max);
	//判断最大值
	series_data2_max = retMax(series_data2_max);
	////console.log(series_data2_max);

	// 因为是双y坐标轴, 刻度是按照最大-最小 来5等分，涉及到精度的问题，有可能会导致两边的轴不对齐
	// 因此，需要对最大值和最小值，做一个处理，向上和向下 来取一个恰好五等分的距离
	var minKll = 0;
	var minYee = 0;
	var maxKll = series_data1_max;
	var maxYee = series_data2_max;

	// 为避免出现精度问题， 重新计算5等分值 (kllInterval, yyeInterval 是5等分值 )
	var kllInterval = Math.ceil((maxKll - minKll) / 5);
	var yeeInterval = Math.ceil((maxYee - minYee) / 5);
	maxKll = minKll + kllInterval * 5;
	maxyee = minYee + yeeInterval * 5;


	// x轴数据
	var times = xAxis_data; //['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00'];

	// 客流量(柱图bar)
	var kllData = series_data1; //[2200, 1050, 2500, 1600, 3200, 1950, 4080];
	var yyeData = series_data2; 
	
	
	//console.log(kllData);
		//console.log(maxKll);
	//console.log(yyeData);
		//console.log(maxyee);
		
	// 注意Y轴的name，用了全角空格做占位，因为属性里的对齐方式，达不到效果
	var option = {
		title: {
			text: yarr_arr.name, //'客流量VS营业额',
			textStyle: {
				color: '#4D4D4D',
				fontSize: 15,
				height: 15,
				fontWeight: 400
			},
			left: 'center',
			top: 7,
			padding: 0,
		},
		grid: {
			top: 70,
			bottom: 53,
			left: 40,
			right: 40
		},
		tooltip: {
			trigger: 'axis',
			padding: 0, //在div中设置
			formatter: function(datas) {
				var sbxx = '<div class="tooltip_formatter">' + '时间' + ': ' + datas[0].name + '</div>';				
				sbxx += '<div class="tooltip_formatter">' + datas[0].seriesName + ': ' + datas[0].value + '</div>';
				sbxx += '<div class="tooltip_formatter">' + datas[1].seriesName + ': ' + datas[1].value + '</div>';
				return sbxx;
			},
		},
		color: ['#4198FF', '#FF6A4C'],
		legend: {
			data: [yarr_arr.line[0],yarr_arr.line[1]], //yarr_arr.line[0],//['客流量'],
			itemGap: 10,
			bottom: 5,
			left: 'center',
			textStyle: {
				fontSize: 10,
				color: '#808080',
				padding: [0, 10]
			},
			itemHeight: 5,
			itemWidth: 30,
			icon: 'img://beijing.png',
		},
		toolbox: {

		},
		xAxis: {
			type: 'category',
			data: times,
			splitLine: {
				show: false
			},
			axisTick: {
				show: false
			},
			axisLabel: {
				color: '#4D4D4D',
				fontSize: 10
			},
			boundaryGap: false,
			axisLine:{
                        lineStyle:{
                            color:'#808080',
                            width:0,//这里是为了突出显示加上的
                        }
                    } 
		},
		yAxis: [{
			type: 'value',
			show:true,
			name: stringAutoLine(yarr_arr.line[0]),
			nameTextStyle:{
				color: '#808080',
				fontSize: 12
			},
			
			nameGap:20,
			offset:10,
			min: minKll,
			max: maxKll,
			interval: kllInterval,

			axisLabel: {
				color: '#4D4D4D',
				fontSize: 10,
				formatter: function(value) {
					var texts = [];
					texts.push((value)+line_1_indexof);
					return texts;
				},
				margin:-5
			},
			axisTick: {
				show: false
			},
			axisLine: {
				show: false
			}

		}, {
			type: 'value',
			show:true,
				name: stringAutoLine(yarr_arr.line[1]),
			nameTextStyle:{
				color: '#808080',
				fontSize: 12
			},
			
			nameGap:20,
			offset:10,
			min: minYee,
			max: maxYee,
			interval: yeeInterval,

			axisLabel: {
				color: '#4D4D4D',
				fontSize: 10,
				formatter: function(value) {
					var texts = [];
					texts.push((value)+line_2_indexof);
					return texts;
				},
				margin:-5
			},
			axisTick: {
				show: false
			},
			axisLine: {
				show: false
			}

		}, ],
		series: [{
				type: 'line',
				yAxisIndex: 0,
				name: yarr_arr.line[0],
				barWidth: '30%',
				symbol:'circle',//拐点样式
				yAxisIndex:0,
				itemStyle: {
					normal: {
						label: { //标签显示位置
							show: true,
							position: 'top', //insideTop 或者横向的 insideLeft
							color: '#4198ff',
							formatter: function(params) {　　　　　　　　
								return (params.value)+line_1_indexof;　　　　
							},
						},
						areaStyle: {
							type: 'default',
							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
								offset: 0,
								color: 'rgba(140,255,255,1)' //'#0dcfff'
							}, {
								offset: 1,
								color: 'rgba(160,200,255,1)' //'#0d4198'
							}]),
						}
					}
				},
				lineStyle: {
					normal: {
						width: 1, //连线粗细
						color: "#4198ff", //连线颜色

					}
				},
				data: kllData
			}, {
				type: 'line',
				yAxisIndex: 1,
				name: yarr_arr.line[1],
				barWidth: '30%',
				symbol:'circle',//拐点样式
				yAxisIndex:1,
				itemStyle: {
					normal: {
						label: { //标签显示位置
							show: true,
							position: 'top', //insideTop 或者横向的 insideLeft
							color: '#ff6a4c',
							formatter: function(params) {　　　　　　　　
								return (params.value)+line_2_indexof;　　　　
							},
						},
						areaStyle: {
							type: 'default',
							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
								offset: 0,
								color: 'rgba(255,106,76,1)',//'rgba(225,150,111,0.5)' //'#0dcfff'
							}, {
								offset: 1,
								color: 'rgba(255,162,0,1)',//'rgba(255,142,121,0.5)' //'#0d4198'
							}]),
						}
					}
				},
				lineStyle: {
					normal: {
						width: 1, //连线粗细
						color: "#ff6a4c", //连线颜色

					}
				},
				data: yyeData
			}

		]

	};
	
	return option;

}